{extends file="../home.html"}
{block name="title"}{$head_title}{/block}

{block name="css"}
<link rel="stylesheet" type="text/css" href="__PUBLIC__/Css/front/front_css/refresh_load.css?version={$version}"/>
<link href="__PUBLIC__/Css/front/css/channel_index.css?version={$version}" type="text/css" rel="stylesheet">
<style type="text/css">
body{
	background: #F3F3F3;
	padding-top: 2.2rem;
	padding-bottom: 3rem;
}
</style>
{/block}
{block name="content"}

	
	<div class="com_header">
		
		<a href="javascript:;" class="go_back"><i class="icon_back"></i></a>
		频道中心<a href="/Index/channel_search" class="search native_go"><i class="icon_search"></i></a><a href="/Index/message" class="msg native_go"><i class="icon_msg"></i><span class="dot"></span></a>
	</div>
	<ul class="all_channel">

		<li>
			<div class="li_row">
				<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt="" class="sm_img"><span class="title">电商频道</span><i class="num">（1）</i><i class="icon_down"></i>
			</div>
			<div class="hide_wrap">
				<a href="www.baidu.com">
					<div class="hide_box">
						<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt="">
						<span>悬赏频道</span>
						<em>今日新帖34</em>
					</div>
				</a>
			</div>
		</li>
		<li>
			<div class="li_row">
				<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt="" class="sm_img"><span class="title">电商频道</span><i class="num">（1）</i><i class="icon_down"></i>
			</div>
			<div class="hide_wrap">
				<a href="javscript:;">
					<div class="hide_box">
						<img src="/Public/Images/img/icon-hone-xuan-50@3x.png" alt="">
						<span>悬赏频道</span>
						<em>今日新帖34</em>
					</div>
				</a>
			</div>
		</li>
	</ul>


	{include file="../Index/nav.html"}

{/block}
{block name="js"}

{literal}
	
<script>
      $('.all_channel li').on('click',function(e){
      	e.stopPropagation();
      	$(this).toggleClass('active');
      	$(this).find('.hide_wrap').toggle();
      })


	

</script>
{/literal}
{/block}